<div class="card" style="min-height:250px;">
  <div id="weekCollectChart" style="width: 100%;height:300px;padding-top:10px;"></div> 
</div>
<script src="/echarts/echarts.common.min.js"></script>
<script type="text/javascript">
    Dcat.ready(function () {
        var weekCollectChart = echarts.init(document.getElementById('weekCollectChart'));
        var chartXData = {!! $xData !!};
        var chartSeriesData = {!! $series !!};
        var chartLegendData = {!! $legend !!};
        var option;
        option = {
            title: {
                text: ''
            },
            tooltip: {
                trigger: 'axis'
            },
            legend: {
                data: chartLegendData
            },
            xAxis: {
                type: 'category',
                data: chartXData,
                axisLabel: { interval: 0, rotate: 30 }
            },
            yAxis: {
                type: 'value'
            },
            series: chartSeriesData,
        };

        option && weekCollectChart.setOption(option);
    });
</script>